
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Task Mask, Application Web Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<style type="text/css">

/* Sticky footer styles
      -------------------------------------------------- */
html,body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,#footer {
	height: 60px;
}

#footer {
	background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media ( max-width : 767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Custom page CSS
      -------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container {
	width: auto;
	max-width: 680px;
}

.container .credit {
	margin: 20px 0;
}
</style>

<!-- Le styles -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
	padding-top: 60px;
	/* 60px to make the container go all the way to the bottom of the topbar */
}
</style>

<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->


</head>

<body>

	<div class="navbar ">
		<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="brand" href="#">Task Mask</a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li class="active"><a href="index.html">Home</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
					<ul class="nav pull-right">
						<li><a href="/signup">Sign Up</a></li>
						<li class="divider-vertical"></li>
						<li class="dropdown"><a class="dropdown-toggle" href="#"
							data-toggle="dropdown">Sign In <strong class="caret"></strong></a>
							<div class="dropdown-menu"
								style="padding: 15px; padding-bottom: 0px;">
								<form action="#" accept-charset="UTF-8">
									<input style="margin-bottom: 15px;" type="text"
										placeholder="Username" id="username" name="username"
										Value="Username"
										onclick="if ( value == 'Username' ) { value = ''; }">
									<input style="margin-bottom: 15px;" type="password"
										placeholder="Password" id="password" name="password"
										Value="Password"
										onclick="if ( value == 'Password' ) { value = ''; }">
									<label style="text-align: center; margin-top: 5px">or</label> <input
										class="btn btn-primary btn-block" id="sign-in-google"
										value="Sign In with Google" type="submit" name="Login">

								</form>
							</div></li>
					</ul>

				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>



	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span3">
				<!--Sidebar content-->
				<div class="sidebar-nav">
					<div class="well">
						<ul class="nav nav-list">
							<li class="nav-header">Admin Menu</li>
							<li><a href="index"><i class="icon-home"></i> Dashboard</a></li>
							<li><a href="#"><i class="icon-envelope"></i> Messages <span
									class="badge badge-info">4</span></a></li>
							<li><a href="#"><i class="icon-comment"></i> Comments <span
									class="badge badge-info">10</span></a></li>
							<li class="active"><a href="#"><i class="icon-user"></i>
									Members</a></li>
							<li class="divider"></li>
							<li><a href="#"><i class="icon-comment"></i> Settings</a></li>
							<li><a href="#"><i class="icon-share"></i> Logout</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="span9">
				<!--Body content-->

				<div class="page-header">
					<h1>Task Mask Web Application</h1>
				</div>
				<div class="alert alert-info">
					<button type="button" class="close" data-dismiss="alert">&times;</button>
					<h4>Uygulamanın...</h4>
					html.index sayfası..
				</div>

			</div>
		</div>
	</div>
   
   
   <div class="container">
	<div class="row-fluid">
			<div class="span4">
				<div class="btn-toolbar">
					<button class="btn btn-primary">New Task</button>
					<button class="btn">Export</button>
				</div>
			</div>
			<div class="span8">
				<form class="form-search" id="searchform" method="get" action="/listview.jsp" >
					<div class="input-append">
						<input type="text" name="searchKey">
						<button type="submit" class="btn">Search</button>
					</div>
				</form>
			</div><br><br><br><br><br>
		</div>
</div>

	<div id="footer">
		<div class="container">
			<p class="muted credit">
				All rights reserved <a href="http://ahmetoz.com.tr">Ahmet ÖZ</a> and
				<a href="#"> Cansu Aras</a> // 2013 - Ege University.
			</p>
		</div>
	</div>

	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->

	<script src="bootstrap/js/jquery.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
	<script>
$(document).ready(function()
{
  //Handles menu drop down
  $('.dropdown-menu').find('form').click(function (e) {
        e.stopPropagation();
        });
  });
</script>

</body>
</html>
